<!DOCTYPE html>
<html>
<head>
    <style>
        table {
            border-collapse: collapse;
            width: 100%;
        }
        th, td {
            border: 1px solid black;
            padding: 8px;
            text-align: left;
        }
        .highlight {
            background-color: lightblue;
        }
    </style>
</head>
<body>

<table>
    <tr>
        <th>代码</th>
        <th>名称</th>
        <th>最新公布净值</th>
        <th>累计净值</th>
        <th>前单位净值</th>
        <th>净值增长率</th>
    </tr>
    <tr onmouseover="highlightRow(this)" onmouseout="resetRow(this)">
        <td>003536</td>
        <td>农银金穗3个月定期开放债券</td>
        <td>30</td>
        <td>30</td>
        <td>30</td>
        <td>30</td>
    </tr>
    <tr onmouseover="highlightRow(this)" onmouseout="resetRow(this)">
        <td>003536</td>
        <td>农银金穗3个月定期开放债券</td>
        <td>30</td>
        <td>30</td>
        <td>30</td>
        <td>30</td>
    </tr>
    <tr onmouseover="highlightRow(this)" onmouseout="resetRow(this)">
        <td>003536</td>
        <td>农银金穗3个月定期开放债券</td>
        <td>30</td>
        <td>30</td>
        <td>30</td>
        <td>30</td>
    </tr>
    <tr onmouseover="highlightRow(this)" onmouseout="resetRow(this)">
        <td>003536</td>
        <td>农银金穗3个月定期开放债券</td>
        <td>30</td>
        <td>30</td>
        <td>30</td>
        <td>30</td>
    </tr>
    <tr onmouseover="highlightRow(this)" onmouseout="resetRow(this)">
        <td>003536</td>
        <td>农银金穗3个月定期开放债券</td>
        <td>30</td>
        <td>30</td>
        <td>30</td>
        <td>30</td>
    </tr>
    <tr onmouseover="highlightRow(this)" onmouseout="resetRow(this)">
        <td>003536</td>
        <td>农银金穗3个月定期开放债券</td>
        <td>30</td>
        <td>30</td>
        <td>30</td>
        <td>30</td>
    </tr>
</table>

<script>
    function highlightRow(row) {
        row.className = 'highlight';
    }

    function resetRow(row) {
        row.className = '';
    }
</script>

</body>
</html>
